<!--
 * @Author: your name
 * @Date: 2020-10-18 18:05:44
 * @LastEditTime: 2020-10-18 18:14:28
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \vue3\src\components\dayPage\list\index.vue
-->
<template>
  <div class="day-list">
      <list-item  title="当前年月" :content="data['year-month']">
         
      </list-item>
      <list-item  title="今年属相" :content="data['animalsYear']">
         
      </list-item>
      <list-item  title="农历年份" :content="data['lunarYear']">
         
      </list-item>
      <list-item  title="适宜时间" :content="data['suit']">
         
      </list-item>
      <list-item  title="避免事件" :content="data['avoid']">
         
      </list-item>
  </div>
</template>

<script>
import ListItem from './item'
export default {
    name:"DayList",
    props:{
        data:Object
    },
    components:{ListItem}
}
</script>

<style lang="scss" scoped>
  .day-list {
    padding: .15rem;
    box-sizing: border-box;
  }
</style>